<template>
    <view class="modal show">
        <view class="dialog" style="margin-top: 200rpx; margin-bottom: 100rpx">
            <view class="bar bg-white justify-end">
                <view class="content">Modal标题</view>
                <view class="action" @tap="hideModal">
                    <text class="icon-close text-red"></text>
                </view>
            </view>
            <view class="padding-xl" v-for="(item, index) in 60" :key="index">Modal 内容。{{ index }}</view>
        </view>
    </view>
</template>

<script>
// cmpts/biz/test/test_cmpt.js
export default {
    data() {
        return {};
    },
    options: {
        addGlobalClass: true
    },
    /**
     * 组件的属性列表
     */
    props: {},
    /**
     * 组件的方法列表
     */
    methods: {
        hideModal() {
            console.log('占位：函数 hideModal 未声明');
        }
    },
    created: function () {}
};
</script>
<style>
@import './test_cmpt.css';
</style>
